<template>
    <div class="dialoglistDiv">
        <div class="table_box"><div class="table_" id="tb">
            <ul class="head">
                <li class="">企业名称</li>
                <li class="">报名人</li>
                <li class="wcen">预约码</li>
                <li class="wcen">预约日期</li>
                <li class="wcen">报名时间</li>
            </ul>
            <div class="body">
                <ul v-for="x in obj.ary" :key="x">
                    <li class="">{{x.companyname}}</li>
                    <li class="">{{x.name}}</li>
                    <li class="wcen">{{x.code}}</li>
                    <li class="wcen">{{x.day}}</li>
                    <li class="wcen">{{x.intime}}</li>
                </ul>
            </div>
        </div>
        </div><Pager :value="obj.req" :init="init" />
    </div>
</template>

<script setup>
    import { reactive, getCurrentInstance, ref, toRefs, provide, computed } from 'vue'
    import Pager from '@/components/pager.vue'
    let { proxy } = getCurrentInstance()
    const props = defineProps({
        order_id: { type: String },
        day: { type: String }
    })

    let obj = reactive({
        ary: [],
        req: {
            currentpage: 1,
            pagesize: 10,
            count: 0,
            order_id: props.order_id,
            day: props.day,
        }
    });
    let init = () => {
        proxy.$ajax({
            url: '/life/order_sign',
            data: obj.req,
            bfLoading: true
        }).then(d => {
            // console.log(d)
            if(d.success){
                obj.ary = d.msg.list
                obj.req.count = d.msg.count
            }
        }).catch(() => { })
    }

</script>

<style scoped>
    ::-webkit-scrollbar { width:10px; background-color: #FFFFFF; }
    .listDiv { top:70px; }
    #tb ul li.li2 { width: 70px; }
    #tb ul li.li3 { width: 70px; }
</style>